<div class="list-item" th:each="article:${articleList}">

    <div class="list-item-left" th:if="${article.photoPath != ''}">
        <a th:href="@{/articleDetail(articleId=${article.id})}">
            <img th:src="${article.photoPath}" alt="有贝口腔网" th:text="${article.photoPath}">
        </a>
    </div>

    <div class="list-item-right" th:if="${article.photoPath != ''}">
        <div class="list-item-title">
            <a th:href="@{/articleDetail(articleId=${article.id})}" th:text="${article.title}"></a>
        </div>
        <div class="list-item-content-text">
            <a th:href="@{/articleDetail(articleId=${article.id})}" th:text="${article.introduce}"></a>
        </div>
        <div class="list-item-info">
            <a th:href="@{/type(typeId=${article.typeId})}">
                <span class="tui-jian" th:text="${article.name}"></span>
            </a>
            <a th:href="@{/personalHomepage(userId=${article.userId})}" class="user-img-name">
                <img th:if="${article.userPath == null}" src="./yb_system_picture/0ffde0738dde46d09dd3e5851675dd68.png">
                <img th:if="${article.userPath != null}" th:src="${article.userPath}">
                <span class="user-name" th:text="${#strings.abbreviate(article.nickname,5)}"></span>
            </a>
            <div class="ping-lun">
                <a th:href="@{/articleDetail(articleId=${article.id})}">
                    <img src="./yb_system_picture/pinglun.png">
                    <span th:text="${article.commentNum+'评论'}"></span>
                </a>
            </div>
            <div class="shou-cang">
                <a th:href="@{/articleDetail(articleId=${article.id})}">
                    <img src="./yb_system_picture/shoucang.png">
                    <span th:text="${article.collectNum+'收藏'}"></span>
                </a>
            </div>
            <div class="yue-du">
                <a th:href="@{/articleDetail(articleId=${article.id})}">
                    <img src="./yb_system_picture/yuedu.png">
                    <span th:text="${article.readNum+'阅读'}"></span>
                </a>
            </div>
            <span class="dotted">·</span>
            <span class="time-before" th:text="${#dates.format(article.publishTime, 'yyyy-MM-dd')}"></span>
        </div>
    </div>
    <div class="item_text" th:if="${article.photoPath == ''}">
        <div class="list-item-title">
            <a th:href="@{/articleDetail(articleId=${article.id})}" th:text="${article.title}"></a>
        </div>
        <div class="list-item-content-text">
            <a th:href="@{/articleDetail(articleId=${article.id})}" th:text="${article.introduce}"></a>
        </div>
        <div class="list-item-info">
            <a th:href="@{/type(typeId=${article.typeId})}">
                <span class="tui-jian" th:text="${article.name}"></span>
            </a>
            <a th:href="@{/personalHomepage(userId=${article.userId})}" class="user-img-name">
                <img th:if="${article.userPath == null}" src="./yb_system_picture/0ffde0738dde46d09dd3e5851675dd68.png">
                <img th:if="${article.userPath != null}" th:src="${article.userPath}">
                <span class="user-name" th:text="${#strings.abbreviate(article.nickname,5)}"></span>
            </a>
            <div class="ping-lun">
                <a th:href="@{/articleDetail(articleId=${article.id})}">
                    <img src="./yb_system_picture/pinglun.png">
                    <span th:text="${article.commentNum+'评论'}"></span>
                </a>
            </div>
            <div class="shou-cang">
                <a th:href="@{/articleDetail(articleId=${article.id})}">
                    <img src="./yb_system_picture/shoucang.png">
                    <span th:text="${article.collectNum+'收藏'}"></span>
                </a>
            </div>
            <div class="yue-du">
                <a th:href="@{/articleDetail(articleId=${article.id})}">
                    <img src="./yb_system_picture/yuedu.png">
                    <span th:text="${article.readNum+'阅读'}"></span>
                </a>
            </div>
            <span class="dotted">·</span>
            <span class="time-before" th:text="${#dates.format(article.publishTime, 'yyyy-MM-dd')}"></span>
        </div>
    </div>
</div>